<template>
	<a-row :gutter="10" class="mb-2">
		<a-col :span="5">
			<Group :selectTree="selectTree" v-if="productId" relationTypeCode="SCENE" :productId="productId"></Group>
		</a-col>
		<a-col :span="19">
			<ProcessList :group-id="currentGroupId" :productId="proxy.$route.query.id" />
		</a-col>
	</a-row>
</template>

<script setup name="ProcessManager">
import ProcessList from './ProcessList.vue'
import Group from '@/components/Group/index.vue'
import { onMounted, ref, getCurrentInstance } from 'vue'

const currentGroupId = ref()

const productId = ref()

const { proxy } = getCurrentInstance()

const selectTree = (id) => {
	currentGroupId.value = id
}
onMounted(() => {
	productId.value = proxy.$route.query.id
})
</script>

<style scoped></style>
